
<template>
  <el-table stripe :data="ningData" style="width: 100%" :header-cell-style="{ background: '#f2f2f2', color: '#333', fontWeight: 600, }">
    <el-table-column label="用户名" align="center"> 
      <template slot-scope="scope">{{ scope.row.sname === null ? '--' : scope.row.sname }}</template>
    </el-table-column>
    <el-table-column label="真实姓名" align="center"> 
      <template slot-scope="scope">{{ scope.row.studentName === null ? '--' : scope.row.studentName }}</template>
    </el-table-column>
    <el-table-column label="累计学习次数" align="center"> 
      <template slot-scope="scope">{{ scope.row.xueNum === null ? '--' : scope.row.xueNum }}</template>
    </el-table-column>
    <el-table-column label="累计学习时长" align="center"> 
      <template slot-scope="scope">{{ scope.row.zhang === '00分00秒' ? '--' : scope.row.zhang }}</template>
    </el-table-column>
    <el-table-column label="平均学习时长" align="center"> 
      <template slot-scope="scope">{{ scope.row.pinshi === '00分00秒' ? '--' : scope.row.pinshi }}</template>
    </el-table-column>
    <!-- <el-table-column label="完成度" align="center"> 
      <template slot-scope="scope">{{ scope.row.completion === null ? '--' : scope.row.completion == null ?  0 : scope.row.completion + '%'}}</template>
    </el-table-column> -->
    <el-table-column label="最近学习时间" align="center"> 
      <template slot-scope="scope">{{ scope.row.xueDate === null ? '--' : scope.row.xueDate }}</template>
    </el-table-column>
  </el-table>
</template>

<script>

export default {
  props: {
    ningData: {
      type: Array,
      default: null,
    },
  },
};

</script>